<template>
	<view class="container">
		<view class="trash_list">
			<view class="trash_item" @click="jump('/pages-landlord/settings/trash-dalou')">
				<view class="trash_item_num"> {{building}}</view>
				<view class="trash_item_name"> 大楼 </view>
			</view>
			<view class="trash_item" @click="jump('/pages-landlord/settings/trash-fangyuan')">
				<view class="trash_item_num"> {{room}}</view>
				<view class="trash_item_name"> 房源 </view>
			</view>
			<view class="trash_item" @click="jump('/pages-landlord/settings/trash-zhangdan')">
				<view class="trash_item_num"> {{bill}} </view>
				<view class="trash_item_name"> 账单 </view>
			</view>
			<view class="trash_item" @click="jump('/pages-landlord/settings/trash-hetong')">
				<view class="trash_item_num"> {{contract}} </view>
				<view class="trash_item_name"> 租客合同 </view>
			</view>
			<!-- <view class="trash_item">
				<view class="trash_item_num"> </view>
				<view class="trash_item_name"> 收支账目 </view>
			</view> -->
		</view>
	</view>
</template>

<script>
	import {recycleStat} from '@/api/part2.js'
	export default {
		data() {
			return {
				building:0,
				room:0,
				bill:0,
				contract:0
			}
		},
		onShow() {
			this.recycleStat()
		},
		methods:{
			recycleStat(){
				recycleStat().then(res=>{
					this.building = res.data.data.building
					this.room = res.data.data.room
					this.bill = res.data.data.bill
					this.contract = res.data.data.contract
				})
			},
			jump(url) {
				uni.navigateTo({
					url:url
				})
			}
		}
	}
</script>

<style lang="less" scoped>
	.container {
		height: 100vh;
		background: #F5F6FA;
	}
	.trash_list {
		padding: 16rpx 50rpx 32rpx 50rpx;
		background: #FFFFFF;
		box-shadow: 0rpx 4rpx 8rpx 0rpx rgba(0,0,0,0.01);
		display: flex;
		flex-wrap: wrap;
		gap: 0 60rpx;
		.trash_item {
			padding: 32rpx;
			display: flex;
			flex-direction: column;
			align-items: center;
			gap: 20rpx;
			.trash_item_num {
				width: 112rpx;
				height: 112rpx;
				background: rgba(254,79,4,0.08);
				border-radius: 12rpx;
				display: flex;
				justify-content: center;
				align-items: center;
				font-weight: 700;
				font-size: 48rpx;
				color: #FE4F04;
				line-height: 66rpx;
			}

		}
	}
	
</style>